.container{
    display: flex;
    flex-direction: column;
    align-items: center;
    .context{
        display: flex;
        flex-direction: column;
        margin-top: 5px;
        .title{
            font-size: 18px;
            margin-top: 3px;
        }
        .subtitle{
            color:#929395;
            font-size: 13px;
        }
    }
}

.container-image{
    position: relative;
    .main-text{
        position:absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 26px;
    }
}
.titleBg{
    width: 80px;
    height: 35px;
    border-radius: 0 20px 0 20px;
    border: 1px solid #0ad1d8;
    background-color: #012728;
    line-height: 35px;
    text-align: center;
    font-size: 24px;
}
.otherContext{
    font-size: 13px;
    margin-bottom: -25px;
    margin-top: 5px;
    z-index: 2;
}


.custom-class8 .context {
    margin-top: -55px !important;
}
.custom-class8 .subtitle{
    color:#dde2e5 !important;
}
.custom-class8 .main-text {
    margin-top: -13px;
    background-image: linear-gradient(to bottom, #ffab71, #fe822d);
    color: transparent;
    -webkit-background-clip: text;
    font-size: 24px;
}
.custom-class9 .context {
    margin-top: -70px !important;
}
.custom-class9 .context .title{
    margin-top: -50px;
}
.custom-class8,.custom-class9,.custom-class10{
    margin-top: -20%;
}
.custom-class10 .context {
    margin-top: -50% !important;
    z-index: 2;
}
.custom-class10 .context .title{
    margin-top: -50px;
    background-image: linear-gradient(to bottom, #ffab71, #fe822d);
    color: transparent;
    -webkit-background-clip: text;
    font-size: 18px;
    font-weight: 600;
}
.custom-class10 .context .subtitle{
    color:#fff;
}